{include file=comm/head.html}

<!-- 幻灯片 -->
<div class="swiper-container">
	<div class="swiper-wrapper">
		{pboot:slide num=5 gid=1}
		<div class="swiper-slide">
			{pboot:if([slide:link] != '')}
			<a href="[slide:link]">
				<img src="[slide:src]" class="d-block w-100 slideshow">
			</a>
			{else}
			<img src="[slide:src]" class="d-block w-100 slideshow">
			{/pboot:if}
			<div class="container">
				<div class="position-absolute text-light" style="top:30%;">
					<h1 class="fs-20 fs-sm-32 wow slideInUp">[slide:title]</h1>
					<h4 class="fs-14 fs-sm-20 wow slideInUp">[slide:subtitle]</h4>
				</div>
			</div>
		</div>
		{/pboot:slide}
	</div>
</div>
<div id="index">
	<div class="pt-6 pb-6 ad1 text-light">
		<h2 class="text-center wow fadeInDown">性能强大、安全、稳定的产品</h2>
		<div class="container">
			<div class="box mx-auto pt-6 row justify-content-between">
				<div class="py-4 wow fadeInLeft col-xl-2 my-3 col-5">
					<img src="{pboot:sitetplpath}/images/ad1-2.png" alt="">
					<h5 class="text-center mt-3 mb-4">网络连接</h5>
					{pboot:nav parent=14}
					<div class="item my-5">
						<p>[nav:name]</p>
						<a href="[nav:link]" class="text-primary">查看详情></a>
					</div>
					{/pboot:nav}
				</div>
				<div class="py-4 col-xl-2 my-3 col-5">
					<img src="{pboot:sitetplpath}/images/ad1-3.png" alt="">
					<h5 class="text-center mt-3 mb-4">数据中心</h5>
					{pboot:nav parent=15}
					<div class="item my-5">
						<p>[nav:name]</p>
						<a href="[nav:link]" class="text-primary">查看详情></a>
					</div>
					{/pboot:nav}
				</div>
				<div class="py-4 wow fadeInLeft col-xl-2 my-3 col-5">
					<img src="{pboot:sitetplpath}/images/ad1-1.png" alt="">
					<h5 class="text-center mt-3 mb-4">算力</h5>
					{pboot:nav parent=13}
					<div class="item my-5">
						<p>[nav:name]</p>
						<a href="[nav:link]" class="text-primary">查看详情></a>
					</div>
					{/pboot:nav}
				</div>
				<div class="py-4 cloud wow fadeInRight col-xl-2 my-3 col-5">
					<img src="{pboot:sitetplpath}/images/ad1-4.png" alt="">
					<h5 class="text-center mt-3 mb-4 ">云服务</h5>
					<div class="my-4 py-1"></div>
					{pboot:nav parent=16}
					<div class="item">
						<p>[nav:name]</p>
					</div>
					{/pboot:nav}
					{pboot:nav parent=16 num=1}
					<a href="[nav:link]" class="text-primary mt-5">查看详情></a>
					{/pboot:nav}
				</div>
				<div class="py-4 wow fadeInRight col-xl-2 my-3 col-5 col-sm-auto">
					<img src="{pboot:sitetplpath}/images/ad1-5.png" alt="">
					<h5 class="text-center mt-3 mb-4">其他服务</h5>
					{pboot:nav parent=17}
					<div class="item my-5">
						<p>[nav:name]</p>
						<a href="[nav:link]" class="text-primary">查看详情></a>
					</div>
					{/pboot:nav}
				</div>
			</div>
		</div>
	</div>
	<div class="pt-8  pb-6 ad2 text-light">
		<h2 class="text-center  wow fadeInDown">面向丰富业务场景的解决方案</h2>
		<div class="container">
			<div class="row box mx-auto pt-6 justify-content-between">
				<div class="col-md-2 ">
					{pboot:sort scode=47}
						<a href= "[sort:link]"><img class="wow zoomIn" src="{pboot:sitetplpath}/images/ad2-1.png" alt=""></a>
					{/pboot:sort}
				</div>
				<div class="col-md-2">
					{pboot:sort scode=48}
						<a href= "[sort:link]"><img class="wow zoomIn" src="{pboot:sitetplpath}/images/ad2-2.png" alt=""></a>
					{/pboot:sort}
				</div>
				<div class="col-md-2">
					{pboot:sort scode=49}
						<a href= "[sort:link]"><img class="wow zoomIn" src="{pboot:sitetplpath}/images/ad2-3.png" alt=""></a>
					{/pboot:sort}
				</div>
				<div class="col-md-2">
					{pboot:sort scode=50}
						<a href= "[sort:link]"><img class="wow zoomIn" src="{pboot:sitetplpath}/images/ad2-4.png" alt=""></a>
					{/pboot:sort}
				</div>
				<div class="col-md-2">
					{pboot:sort scode=51}
						<a href= "[sort:link]"><img class="wow zoomIn" src="{pboot:sitetplpath}/images/ad2-5.png" alt=""></a>
					{/pboot:sort}
				</div>
			</div>
		</div>
	</div>
	<div class="pt-8 pb-8 ad3 text-light">
		<h2 class="text-center wow fadeInDown">安全合规、高速稳定的基础设施建设</h2>
		<div class="box mx-auto d-flex pt-6 justify-content-between container  flex-wrap">
			<div class="wow fadeInLeft">
				<h5>全球 <span>60+</span> 可用区</h5>
				<p>为企业提供强有力的技术支持，助力业务飞速拓展</p>
			</div>
			<div class="wow fadeInLeft">
				<h5> <span>100+</span> 互联互通</h5>
				<p>提供集计算、数据、运营于一体的服务体验</p>
			</div>
			<div class="wow fadeInRight">
				<h5> <span>2+Tpbs</span> 全球骨干网带宽</h5>
				<p>遍布全球的基础设施节点为用户提供快速稳定的服务</p>
			</div>
			
		</div>
		<img src="{pboot:sitetplpath}/images/ad3.png" class="d-block container mt-4" alt="">
	</div>
	
	<div class="pt-8 pb-8 ad4 text-light">
		<h2 class="text-center wow fadeInDown">新闻中心</h2>
		<div class="container">
			<div class="box mx-auto pt-6 row justify-content-between">
				{pboot:list scode=45 num=3}
					<div class="col-md-3 col-12 mb-4">
						<img class="cover" src="[list:ico]" alt="">
						<h2>[list:title]</h2>
						<sub> <img src="{pboot:sitetplpath}/images/timer.png" class="timer" alt=""> [list:date]</sub>
						<p class="multiline-ellipsis-3">[list:description]...</p>
						<!-- <button type="button" class="btn btn-primary btn-lg">查询详情</button> -->
						<a href="[list:link]" class="btn btn-primary btn-lg">查询详情</a>
					</div>
				{/pboot:list}
			</div>
		</div>
		
	</div>
</div>


<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
<script>
	var mySwiper = new Swiper('.swiper-container', {
		direction: 'horizontal',
		loop: true,
		speed: 1500,
		autoplay: {
			delay: 3500,
			disableOnInteraction: false
		}
	})        
</script>

{include file=comm/foot.html}